
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Guess the Number Game</title>
    <style>
        .welcome, .game { display: none; }
        .game { margin-top: 20px; }
    </style>
    
</head>
<body>
    <div class="welcome">
        <h1>Guess the Number Game</h1>
        <p>Try to guess the number that the computer has chosen. The number is between 1 and 10.</p>
        <button class="startBtn">Start Game</button>
    </div>

    <div class="game">
        <h2>Make a guess</h2>
        <input type="text" class="userGuess" placeholder="Enter a number">
        <button class="guessSubmit">Submit guess</button>
        <p class="guesses"></p>
        <p class="lastResult"></p>
        <p class="lowOrHi"></p>
    </div>
    <script src="game.js"></script>
</body>
</html>




<!-- 请注意，CSS代码非常简单，只是为了隐藏和显示游戏的不同部分。你可以根据自己的喜好添加更多的样式。 -->